
<style>
.checkContent {
	height: 100%;
	overflow: auto;
	padding: 5px 20px 5px 5px;
	position: relative;
}

.ul_content {
	height: 100%;
	border: 1px solid #D3D3D3;
	overflow: auto;
}

#check_list_content span {
	font-size: 14px;
}

.select2-dropdown {
	z-index: 20000000;
}

.sub_content {
	position: absolute;
	bottom: 0px;
	top: 40px;
	left: 0;
	right: 0;
}

.table_content {
	position: absolute;
	bottom: 7px;
	top: 7px;
	left: 0;
	right: 20px;
	overflow: auto;
}
.font_div{
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    padding: 7px;
    }
.list-unstyled .selected{
    background-color: #3eafe0;
    color: #fff;
    
    }
.list-unstyled li {
	height: 30px;
    padding: 4px 10px;
  	cursor: pointer;
}
.list-unstyled li:hover{
	background-color: #ffe48d ;
}
{
</style>
<div class="layer_container">
	<div class="body_container" style="bottom: 0;">
		<div class="layer_content" style="padding: 0 0 10px 0">
			<div class="main-header-nav">
				<ul class="nav nav-underline" role="tablist" id="jianyan_xiangmu">
					<li class="active tab-choose">
						<a href="#zhzdy" data-toggle="tab">组合及自定义项</a>
					</li>
					<!-- <li>
						<a href="#zlfa" data-toggle="tab">治疗方案</a>
					</li> -->
					<li class="tab-choose">
						<a href="#xmlb" data-toggle="tab">项目列表</a>
					</li>
					<li style="float:right;">
						<div class="font_div">
							<font style="color: red">红色表示组合项目</font>
						</div>
					</li>
					<li style="float:right;">
						<div class="input-group" style="width:200px;margin: 5px;">
							<input type="text" class="form-input" id="check_list_search"  placeholder="" >
							<div class="input-group-addon"  style="cursor: pointer;" onclick="checkListSearch();">
								<span class="glyphicon glyphicon-search"></span>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="sub_content">
				<div class="tab-content" id="check_list_content">
					<div role="tabpanel" class="tab-pane active" id="zhzdy">
						<div class="row" style="height: 100%;">
							<div class="col-md-2" style="height: 100%; padding: 5px 5px 5px 20px;">
								<div class="ul_content">
									<ul class="list-unstyled" role="tablist" id="L11_left">
									</ul>
								</div>
							</div>
							<div class="col-md-10 checkContent">
								<!-- <div style="height: 30px; font-size: 12px" align="right">
									<font style="color: red">红色表示组合项目</font>
								</div> -->
								<div class="table_content">
									<table class="table table-hover" id="L11_Table">
									</table>
								</div>
							</div>
						</div>
					</div>
					<!-- <div role="tabpanel" class="tab-pane" id="zlfa">
						<div class="row" style="height: 100%;">
							<div class="col-md-2" style="height: 100%; padding: 5px 5px 5px 20px;">
								<div class="ul_content">
									<ul class="list-unstyled" role="tablist" id="L21_left">
									</ul>
								</div>
							</div>
							<div class="col-md-10 checkContent">
								<div style="height: 30px; font-size: 12px" align="right">
									<font style="color: red">红色表示个人方案、</font>
									<font style="color: blue">蓝色表示科室方案、</font>
									<font style="color: green">绿色表示全院方案</font>
								</div>
								<div class="table_content">
									<table class="table table-hover" id="L21_Table">
									</table>
								</div>
							</div>
						</div>
					</div> -->
					<div role="tabpanel" class="tab-pane" id="xmlb">
						<div class="row" style="height: 100%;">
							<div class="col-md-2" style="height: 100%; padding: 5px 5px 5px 20px;">
								<div class="ul_content">
									<ul class="list-unstyled" role="tablist" id="L31_left">
									</ul>
								</div>
							</div>
							<div class="col-md-10 checkContent">
								<!-- <div style="height: 30px; font-size: 12px" align="right">
									<font style="color: red">红色表示个人常用项目</font>
								</div> -->
								<div class="table_content">
									<table class="table table-hover" id="L31_Table">
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- <div class="footer_container">
		<button class="btn btn-green" >保存</button>
		<button class="btn btn-white remove">取消</button>
	</div> -->
</div>
<script>
$("#jianyan_xiangmu").find("tab-choose").on("click",function(){
	var temp = $(this).find("a").attr("href");
	if(temp == "#zhzdy"){
		var html = '<font style="color: red">红色表示组合项目</font>';
	}else if(temp == "#zlfa"){
		var html = '<font style="color: red">红色表示个人方案、</font><font style="color: blue">蓝色表示科室方案、</font><font style="color: green">绿色表示全院方案</font>';
	}else if(temp == "#xmlb"){
		var html = '<font style="color: red">红色表示个人常用项目</font>';
	}
		$(".font_div").empty().append(html)
});


</script>
